Управление контентом: записи, страницы и таксономии

Основные вопросы

• Различие между записями и страницами
• Работа с визуальным редактором Gutenberg
• Организация контента через таксономии
• Управление медиабиблиотекой

Цели лекции

• Понять разницу между записями и страницами
• Освоить работу с блоковым редактором
• Научиться организовывать контент
• Управлять медиафайлами в WordPress

Встроенные типы

• Записи (Posts) — динамический контент
• Страницы (Pages) — статический контент
• Медиафайлы — изображения, видео, документы
• Комментарии — пользовательский контент

Произвольные типы (Custom Post Types)

• Продукты (WooCommerce)
• Портфолио
• События
• Отзывы
• Любой кастомный тип

Основные элементы

• Заголовок — название страницы
• Содержимое — контент страницы
• Родительская страница — иерархия
• Порядок — сортировка
• Шаблон — визуальное оформление
• Миниатюра — изображение

Шаблоны страниц

• По умолчанию (default)
• Полная ширина (full-width)
• Страница контактов
• Страница без сайдбара
• Кастомные шаблоны

Когда использовать записи

• Новости и статьи блога
• Обновления компании
• Пресс-релизы
• Обзоры продуктов
• Рецепты, инструкции
• Мероприятия (с плагином)

Когда использовать страницы

• Главная страница
• О компании
• Контакты
• Услуги
• Политика конфиденциальности
• Правила использования
• Карта сайта

Что такое Gutenberg?

• Block Editor — редактор блоков
• Впервые представлен в WordPress 5.0
• Современный интерфейс создания контента
• drag-and-drop редактирование
• Модульная структура контента

Основные преимущества

• Визуальное редактирование
• Гибкость вёрстки
• Переиспользование блоков
• Шаблоны блоков
• Полная поддержка responsive
• Расширяемость через плагины

Текстовые блоки

• Абзац (Paragraph)
• Заголовок (Heading)
• Список (List)
• Цитата (Quote)
• Код (Code)
• Преформатированный текст

Медиаблоки

• Изображение (Image)
• Галерея (Gallery)
• Видео (Video)
• Аудио (Audio)
• Обложка (Cover)
• Файл (File)

Блоки дизайна

• Кнопка (Button)
• Столбцы (Columns)
• Разделитель (Separator)
• Spacer
• Медиа и текст (Media & Text)
• Группа (Group)

Виджеты

• Последние записи
• Последние комментарии
• Архивы
• Категории
• Календарь
• RSS

Основные действия

• Добавить — кнопка "+" или "/"
• Редактировать — клик на блок
• Переместить — drag-and-drop
• Дублировать — контекстное меню
• Удалить — клавиша Delete или меню

Панель инструментов

• Выравнивание текста
• Форматирование (жирный, курсив)
• Ссылки
• Настройки блока
• Преобразовать в другой блок

Панель инспектора

• Цвет фона и текста
• Размеры и отступы
• Типографика
• CSS-классы
• HTML-якоря
• Расширенные настройки

Responsive настройки

• Размеры для планшета
• Размеры для мобильного
• Скрытие на устройствах
• Порядок отображения

Паттерны (Patterns)

• Готовые комбинации блоков
• Предустановленные дизайны
• Быстрый старт для контента
• Кастомные паттерны

Шаблоны (Templates)

• Структура страницы целиком
• Закреплённые блоки
• Блокировка редактирования
• Режимы: Все, Добавить, Редактировать

Встроенные таксономии

• Рубрики (Categories) — иерархическая
• Метки (Tags) — плоская
• Форматы записей — типы контента

Произвольные таксономии

• Категории продуктов
• Жанры фильмов
• Авторы книг
• Регионы
• Любая классификация

Характеристики

• Иерархическая структура
• Дочерние рубрики
• Обязательная таксономия
• Одна рубрику по умолчанию
• URL: /category/name/

Управление

• Записи → Рубрики
• Создание новой рубрики
• Редактирование существующей
• Удаление (записи в стандартную)
• Назначение родительской рубрики

Характеристики

• Плоская структура (без иерархии)
• Произвольное количество
• Более детальная классификация
• Необязательная таксономия
• URL: /tag/name/

Управление

• Записи → Метки
• Добавление по одной
• Массовое добавление
• Часто используемые метки
• Облако меток (виджет)

Через админ-панель

1. Записи → Рубрики
2. Ввести название
3. Указать ярлык (slug)
4. Выбрать родителя (опционально)
5. Добавить описание
6. Нажать "Добавить новую рубрику"

При редактировании записи

• Панель "Рубрики" справа
• Выбрать существующую
• "+ Добавить новую рубрику"
• Опубликовать запись

Добавление меток

• Записи → Метки
• Название и ярлык
• Описание (опционально)

При редактировании записи

• Панель "Метки" справа
• Ввод через запятую
• Выбор из часто используемых
• Автодополнение при вводе

Массовое редактирование

• Записи → Все записи
• Действия → Изменить
• Добавить/удалить метки

Страницы архивов

• Автоматические страницы
• Список записей в таксономии
• Шаблон: taxonomy-{taxonomy}-{slug}.php
• SEO-friendly URL

Настройки постоянных ссылок

• Настройки → Постоянные ссылки
• Префикс рубрик: /category/
• Префикс меток: /tag/
• Можно убрать префикс плагином

Типы файлов

• Изображения: jpg, png, gif, webp, avif, svg
• Видео: mp4, webm, ogg
• Аудио: mp3, wav, ogg
• Документы: pdf, doc, docx, xls, xlsx
• Архивы: zip, rar

Ограничения

• Зависит от хостинга
• Обычно 2-128 МБ
• Настройки upload_max_filesize
• Можно увеличить через php.ini

Способы загрузки

• Медиафайлы → Добавить новый
• Drag-and-drop в окно браузера
• Кнопка "Выбрать файлы"
• URL-загрузка (из интернета)
• Через FTP/SFTP

Прикрепление к записям

• Блок "Изображение" в Gutenberg
• Кнопка "Добавить медиафайл"
• Автоматическое прикрепление
• Библиотека внутри редактора

Автоматические размеры

• Миниатюра: 150x150 px
• Средний: 300x300 px
• Большой: 1920x1920 px
• Оригинал: как загружено

Ручное редактирование

• Обрезка (Crop)
• Поворот
• Отражение
• Масштабирование
• Пропорции

Обязательные поля

• Название файла — идентификатор
• Альтернативный текст — для доступности
• Заголовок — отображаемое имя
• Подпись — описание под изображением
• Описание — детальная информация

SEO-оптимизация

• Ключевые слова в alt
• Описательные названия файлов
• Заполнение всех полей
• Размер файла оптимизация

Создание галереи

1. Блок "Галерея"
2. Выбрать изображения
3. Настроить параметры
4. Опубликовать

Параметры галереи

• Количество столбцов (1-9)
• Случайный порядок
• Размер изображений
• Ссылка на медиафайл или страницу
• Отображение миниатюр

Загруженное видео

• Блок "Видео"
• Автоматические плееры
• Поддержка форматов: mp4, webm
• Ограничение по размеру файла

Внешние видео

• YouTube, Vimeo, и др.
• Блок "Видео" → Вставить с URL
• Автоматическое распознавание
• Адаптивный плеер

Фильтрация

• Все медиафайлы
• Изображения
• Видео
• Аудио
• Не прикреплённые

Поиск и сортировка

• По дате загрузки
• По типу файла
• По названию
• По размеру
• Поиск по ключевым словам

Стандартная структура

wp-content/uploads/
├── 2025/
│   ├── 01/
│   ├── 02/
│   └── 03/
└── 2024/
    ├── 11/
    └── 12/

Организация по месяцам

• Автоматическая по дате загрузки
• Можно отключить в настройках
• Плагины для папок по категориям
• Real Media Library и др.

Почему важна оптимизация

• Скорость загрузки сайта
• SEO-продвижение
• Экономия дискового пространства
• Лимиты хостинга

Методы оптимизации

• Сжатие без потерь (lossless)
• Сжатие с потерями (lossy)
• WebP/AVIF конвертация
• Lazy loading (отложенная загрузка)
• CDN-доставка

Популярные плагины

• Smush — сжатие изображений
• ShortPixel — WebP + оптимизация
• Imagify — три уровня сжатия
• EWWW Image Optimizer
• Lazy Load — отложенная загрузка

Автоматическая оптимизация

• При загрузке файлов
• Bulk-оптимизация существующих
• Конвертация в WebP/AVIF
• Восстановление оригиналов

Ключевые факторы

• Альтернативный текст (alt)
• Название файла
• Размер файла
• Формат изображения
• Контекст изображения
• Подпись и описание

Рекомендации

• Использовать ключевые слова
• Описывать содержание
• Не перегружать ключевиками
• Оптимизировать размер
• Добавлять подписи

Роли и возможности

• Администратор — все файлы
• Редактор — все файлы
• Автор — свои файлы
• Участник — только загрузка
• Подписчик — нет доступа

Настройка прав

• Плагин Role Editor
• Capability Manager
• Кастомные роли
• Ограничение типов файлов